
import React, { useState } from "react";
import { Input } from "antd-mobile";

import "./common.css";
import "./index.css";

// const print = function (e) { };
function Index() {
  const [text,settext] = useState("")
  return (
    <div className="frame">
      <div className="home_page flex-col">

        <div className="group_2 flex-row justify-between">
          <div className="input_1 flex-row Input">
            <div className="icon_1 flex-col" />
            <Input
              className="text_3"
              style={{ flex: "auto" }}
              placeholder="皮肤科"
              value={text}
              onChange={(val) => {
                settext(val);
              }}
            />
            <button
              className="button_1 flex-col"
              onClick={() => {
                alert(1);
              }}
            >
              <span className="text_4">搜索</span>
            </button>
          </div>
          <div className="icon_2 flex-col" />
        </div>
        <div className="group_3 flex-row justify-between">
          <div className="icon_3 flex-col">
            <img
            alt=""
              className="label_1"
              src={
                "https://lanhu.oss-cn-beijing.aliyuncs.com/psho3tfhcbw0cywjb3pe9qadwyzteypxzp0a98f521-c01c-41a7-94ec-14b1c3f14070"
              }
            />
          </div>
          <div className="icon_4 flex-col">
            <img
            alt=""
              className="image_2"
              src={
                "https://lanhu.oss-cn-beijing.aliyuncs.com/psvghhodbu3ek4g5zk8ylmyfj26a98tmpi94dec996f-625c-4a6d-98c7-3a69d6083117"
              }
            />
          </div>
          <div className="section_1 flex-col">
            <div className="box_2 flex-col" />
            <div className="box_3 flex-col" />
            <img
            alt=""
              className="image_3"
              src={
                "https://lanhu.oss-cn-beijing.aliyuncs.com/psl6eihcdsqigrfiur19mwnn67v6tewq0h29897c73-7175-470f-a76f-48ec996d30e3"
              }
            />
          </div>
        </div>
        <div className="list_1 flex-row">
          <div className="text-group_1-0 flex-col justify-between">
            <span className="text_5-0">去挂号</span>
            <span className="text_6-0">全国7800+家医院</span>
          </div>
          <div className="text-group_1-1 flex-col justify-between">
            <span className="text_5-1">专家问诊</span>
            <span className="text_6-1">28万医生在线服务</span>
          </div>
          <div className="text-group_1-2 flex-col justify-between">
            <span className="text_5-2">快速问诊</span>
            <span className="text_6-2">3分钟内医生接诊</span>
          </div>
        </div>
        <div className="group_4 flex-row">
          <div className="image-text_1 flex-col justify-between">
            <div className="icon_5 flex-col" />
            <span className="text-group_2">一病多问</span>
          </div>
          <div className="image-text_2 flex-col justify-between">
            <div className="icon_6 flex-col" />
            <span className="text-group_3">问诊购物</span>
          </div>
          <div className="image-text_3 flex-col justify-between">
            <div className="icon_7 flex-col" />
            <span className="text-group_4">特惠问诊</span>
          </div>
          <div className="image-text_4 flex-col justify-between">
            <div className="icon_8 flex-col" />
            <span className="text-group_5">号源提醒</span>
          </div>
          <div className="image-text_5 flex-col justify-between">
            <img
            alt=""
              className="icon_9"
              src={
                "https://lanhu.oss-cn-beijing.aliyuncs.com/psw3isoqa6g891sk8i75s7jhf8z5yiot6wd271d53a-9b4f-44cb-9ae3-171dd2bf6251"
              }
            />
            <span className="text-group_6">&nbsp;&nbsp;会员专区</span>
          </div>
        </div>
        <div className="group_5 flex-col">
          <div className="group_6 flex-col">
            <div className="text-wrapper_1 flex-row justify-between">
              <span className="text_7">便民机构</span>
              <span className="text_8">健康专区</span>
            </div>
            <div className="section_2 flex-row">
              <div className="image-text_6 flex-col justify-between">
                <img
            alt=""
                  className="image_4"
                  src={
                    "https://lanhu.oss-cn-beijing.aliyuncs.com/psjbuf5kc544p78v8phkbqebi9ybe7yqlbe2622f01-e049-4951-a565-8c4105003ed2"
                  }
                />
                <span className="text-group_7">合作医院</span>
              </div>
              <div className="image-text_7 flex-col justify-between">
                <img
            alt=""
                  className="image_5"
                  src={
                    "https://lanhu.oss-cn-beijing.aliyuncs.com/psqt510td3arxhyqhkb26ug3k1zd3651s5185e0ab-cac3-4fbe-8782-e1a2798f4b87"
                  }
                />
                <span className="text-group_8">精选服务</span>
              </div>
              <div className="image-text_8 flex-col justify-between">
                <img
            alt=""
                  className="image_6"
                  src={
                    "https://lanhu.oss-cn-beijing.aliyuncs.com/pszb704x3h8yqafe039da594r7yr5drok0c5a0fd4-ee44-4acf-93bd-1118f69561af"
                  }
                />
                <span className="text-group_9">居家自测</span>
              </div>
              <div className="image-text_9 flex-col justify-between">
                <img
            alt=""
                  className="image_7"
                  src={
                    "https://lanhu.oss-cn-beijing.aliyuncs.com/psl5embcq2n9xvj8vcgfubrkl3qhey19vp61912851-4433-4c5b-93d1-7b74bc75c3fa"
                  }
                />
                <span className="text-group_10">汤臣倍健</span>
              </div>
            </div>
          </div>
        </div>
        <div className="group_7 flex-row justify-between">
          <span className="text_9">特色会员服务</span>
          <div className="image-text_10 flex-row justify-between">
            <span className="text-group_11">更多</span>
            <img
            alt=""
              className="icon_10"
              src={
                "https://lanhu.oss-cn-beijing.aliyuncs.com/psqrqlvx2byhf4kgryn8mz4gc0k4n53i4sd3275778-94a5-4206-a7d3-935e762bf339"
              }
            />
          </div>
        </div>
        <div className="group_8 flex-row justify-between">
          <div className="group_9 flex-col">
            <div className="box_4 flex-col">
              <div className="section_3 flex-row justify-between">
                <div className="group_10 flex-col" />
                <div className="text-group_12 flex-col justify-between">
                  <span className="text_10">健康VIP</span>
                  <span className="text_11">专家号源提醒</span>
                </div>
              </div>
              <div className="section_4 flex-row justify-between">
                <div className="section_5 flex-col" />
                <span className="text_12">专家问诊9折</span>
              </div>
            </div>
          </div>
          <div className="group_11 flex-col">
            <div className="box_5 flex-col">
              <div className="group_12 flex-row justify-between">
                <div className="block_1 flex-col" />
                <div className="text-group_13 flex-col justify-between">
                  <span className="text_13">家享会员</span>
                  <span className="text_14">1.6元/天3人共享</span>
                </div>
              </div>
              <div className="group_13 flex-row justify-between">
                <div className="group_14 flex-col" />
                <span className="text_15">三甲医院24时在线</span>
              </div>
            </div>
          </div>
          <div className="group_15 flex-col">
            <div className="group_16 flex-col">
              <div className="box_6 flex-row justify-between">
                <div className="block_2 flex-col" />
                <div className="text-group_14 flex-col justify-between">
                  <span className="text_16">baby卡</span>
                  <span className="text_17">三甲儿科不限次</span>
                </div>
              </div>
              <div className="box_7 flex-row justify-between">
                <div className="group_17 flex-col" />
                <span className="text_18">带娃就诊快人一步</span>
              </div>
            </div>
          </div>
        </div>
        <span className="text_19">精选内容</span>
        <div className="list_2 flex-col">
          <div className="list-items_1-0 flex-row">
            <img
            alt=""
              className="image_8-0"
              src={
                "https://lanhu.oss-cn-beijing.aliyuncs.com/psqoegdisubcbbomgoibjubuay32l8gdh09c311b4-7a2b-44d8-a6fe-f3ad02d95aad"
              }
            />
            <div className="text-wrapper_2-0 flex-col justify-between">
              <span className="text_20-0">
                这种蔬菜含钙量比牛奶还高
                <br />
                好吃还便宜！10个蔬菜冷知识要...
              </span>
              <span className="text_21-0">健康咨询</span>
            </div>
          </div>
          <div className="list-items_1-1 flex-row">
            <img
            alt=""
              className="image_8-1"
              src={
                "https://lanhu.oss-cn-beijing.aliyuncs.com/pssto4mrx3z9glz03fngqgyd65e8ildzx430b7c2dc5-8f43-4f75-9cef-457c5380e6bd"
              }
            />
            <div className="text-wrapper_2-1 flex-col justify-between">
              <span className="text_20-1">
                降压药，你真的选对了吗？这1份
                <br />
                清单全看懂！
              </span>
              <span className="text_21-1">健康咨询</span>
            </div>
          </div>
          <div className="list-items_1-2 flex-row">
            <img
            alt=""
              className="image_8-2"
              src={
                "https://lanhu.oss-cn-beijing.aliyuncs.com/ps6eankmff37ho57p6gqq0oplwcjn56wicca6b2fd7-5315-48f9-a466-73bcbdfb7013"
              }
            />
            <div className="text-wrapper_2-2 flex-col justify-between">
              <span className="text_20-2">
                头发越掉越少怎么办？这2个误区
                <br />
                千万别踩
              </span>
              <span className="text_21-2">健康咨询</span>
            </div>
          </div>
        </div>

        <div className="icon_16 flex-col justify-end">
          <img
            alt=""
            className="label_2"
            src={
              "https://lanhu.oss-cn-beijing.aliyuncs.com/psw6ynjnjho0j1yo1h0vmyahi4m0i0wacw38b6460505-e52a-4cff-8fba-c5c522982c02"
            }
          />
          <img
            alt=""
            className="image_9"
            src={
              "https://lanhu.oss-cn-beijing.aliyuncs.com/psctoz6r8rwxavwpu8pbn4nea485lz4pdf44e2d919-efa8-4dac-97ba-bc0c16b1eed7"
            }
          />
        </div>
      </div>
    </div>
  )
}

export default Index